<template>
  <div>
    <div class="module">
        <div>
            <div class="icon_warp">
            <svg t="1753762635596" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4866" width="150" height="150"><path d="M597.333333 597.333333h85.333334v-85.333333h85.333333v128h-85.333333v42.666667h-85.333334v-42.666667h-85.333333v-128h85.333333v85.333333z m-384-85.333333h256v256H213.333333v-256z m85.333334 85.333333v85.333334h85.333333v-85.333334H298.666667zM213.333333 213.333333h256v256H213.333333V213.333333z m85.333334 85.333334v85.333333h85.333333V298.666667H298.666667z m213.333333-85.333334h256v256h-256V213.333333z m85.333333 85.333334v85.333333h85.333334V298.666667h-85.333334z m85.333334 384h85.333333v85.333333h-85.333333v-85.333333z m-170.666667 0h85.333333v85.333333h-85.333333v-85.333333z" fill="#2e7d32" p-id="4867"></path></svg>
            </div>
            <h2>快速扫码追溯</h2>
            <span>扫描产品二维码，获取全程溯源信息</span>
        </div>
        <div>
            <div class="icon_warp">
            <svg t="1753763254582" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13477" data-spm-anchor-id="a313x.search_index.0.i14.4e6d3a81U9LYsa" width="150" height="150"><path d="M243.616 650.08l113.696-214.288 42.4 22.496-113.696 214.272zM625.088 569.92l113.696-214.272 42.4 22.496-113.68 214.288zM455.248 455.472l42.656-21.984 67.36 130.704-42.672 21.984z" fill="#2e7d32" p-id="13478"></path><path d="M221.12 743.52m-71.04 0a71.04 71.04 0 1 0 142.08 0 71.04 71.04 0 1 0-142.08 0Z" fill="#2e7d32" p-id="13479"></path><path d="M588.32 590.24c-39.2 0-71.04 31.84-71.04 71.04s31.84 71.2 71.04 71.2a71.12 71.12 0 0 0 0-142.24zM496.64 363.2c0-39.2-31.84-71.2-71.04-71.2a71.12 71.12 0 0 0 0 142.24c39.2 0 71.04-31.84 71.04-71.04z" fill="#2e7d32" p-id="13480" data-spm-anchor-id="a313x.search_index.0.i13.4e6d3a81U9LYsa" class=""></path><path d="M802.88 280.48m-71.04 0a71.04 71.04 0 1 0 142.08 0 71.04 71.04 0 1 0-142.08 0Z" fill="#2e7d32" p-id="13481"></path></svg>
            </div>
            <h2>数据分析</h2>
            <span>数据驱动的决策支持</span>
        </div>
        <div>
            <div class="icon_warp icontz">
                <svg t="1753763791341" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15486" width="100" height="100"><path d="M737.8 310.2V960h136.7V310.2H737.8zM541.7 960h136.8V430.4H541.7V960z m-196 0h136.7V64H345.7v896z m-196.2 0h136.8V629.7H149.5V960z" p-id="15487" fill="#2e7d32"></path></svg>
            </div>
            <h2>全程追踪</h2>
            <span>从种植到销售，全过程信息透明化</span>
        </div>
        <div>
            <div class="icon_warp icontz">
            <svg t="1753763931373" class="icon" viewBox="0 0 1094 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="32437" width="100" height="100"><path d="M1056.090877 1024H38.264162A38.264162 38.264162 0 0 1 1.81117 974.129042L139.026456 542.662349a38.264162 38.264162 0 0 1 36.299935-26.657367l251.803697-1.045887 0.306113 76.528325-223.947386 0.91834-112.904788 355.065916H1004.8169l-106.221314-357.922974-222.595387 0.790793-0.306113-76.528325 251.165961-1.045887h0.153056a38.264162 38.264162 0 0 1 36.682577 27.371631l128.950227 434.578845A38.264162 38.264162 0 0 1 1056.090877 1024z" fill="#2e7d32" p-id="32438"></path><path d="M364.785013 968.210851l-50.559713-6.913058 25.177819-183.948583-227.034029 0.433661v-51.018883l256.21683-0.48468a25.509441 25.509441 0 0 1 25.279856 28.978726zM561.207713 984.536894l-51.018883-0.841812 2.321359-140.557022a25.509441 25.509441 0 0 1 25.509441-25.075781l447.716208-0.484679v51.018882l-422.665936 0.45917zM710.616511 737.809576a25.509441 25.509441 0 0 1 0-51.018883l264.150267-0.612227a25.509441 25.509441 0 0 1 0 51.018883l-264.150267 0.612227zM545.902048 748.498032a38.264162 38.264162 0 0 1-28.723631-12.984306c-2.550944-2.959095-64.564396-73.51821-127.547208-162.393104C300.832843 447.690698 257.645359 354.504708 257.645359 288.256689a288.256689 288.256689 0 0 1 576.513377 0c0 66.324548-43.187484 159.434009-132.036869 284.889442-62.931792 88.874894-124.996263 159.434009-127.547207 162.393105a38.264162 38.264162 0 0 1-28.672612 12.958796zM545.902048 76.528324a211.957949 211.957949 0 0 0-211.728365 211.728365c0 27.626725 15.305665 95.558368 117.573016 240.120372 35.049973 49.513826 70.406058 93.849235 94.155349 122.598376 23.723781-28.749141 59.105376-73.110059 94.155348-122.598376C742.324747 383.713019 757.630412 315.883414 757.630412 288.256689a211.957949 211.957949 0 0 0-211.728364-211.728365z" fill="#2e7d32" p-id="32439"></path><path d="M545.902048 383.713019a108.848787 108.848787 0 1 1 108.848787-108.848787A108.950825 108.950825 0 0 1 545.902048 383.713019z m0-166.653181a57.829904 57.829904 0 1 0 57.829904 57.829903A57.880923 57.880923 0 0 0 545.902048 216.93229z" fill="#2e7d32" p-id="32440"></path></svg>
            </div>
            <h2>溯源版图</h2>
            <span>全链溯源，透明可见</span>
        </div>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
.module{
    background-color: #f9fafb;
    height: 40vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
}
.module>div{
    width: 440px;
    height: 270px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: rgba(141, 138, 138, 0.171) 5px 5px 10px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.icon_warp{
    width: 150px;
    height: 150px;
}
.icontz{
    padding-top: 25px;
    height: 125px;
}
</style>